pus-pus

Situs Penyedia Buku Tamu Gratis / Free Chat

Beberapa waktu yang lalu ada sebuah layanan buku tamu yang mendadak berubah sistem jadi berbayar, padahal banyak sekali blog yang menggunakan buku tamu itu, bahkan saya juga menggunakan itu dolo. Terpaksa akhirnya harus mencari lagi layanan buku tamu yang simple dan menarik.
Berikut adalah contoh situs penyedia buku tamu / free chat yang cukup mudah dan menarik :

CBox

Fibox

Shoutbox

Shoutmix

Userplane

Chatango

Php freechat

Envolve

Jw chat

Parachat

Plugoo

99chats

Mibbit

Selamat Mencoba. Terima kasih :)

Tidak usa basa-basi langsung saja ya :).
Caranya adalah Sebagai Berikut :
•Login blogger
•Masuk ke Rancangan, Tambah Gadget, Html/java script
•Dan Simpan kode berikut :

<style>
#hcl {
position:fixed;top:0px;
left:0px;
z-index:+1000;
}
* html #hcl {position:relative;}
.hcltab {height:190px;width:40px;
float:left;
cursor:pointer;
background:url('http://upload.kapanlagi.com/c.php?f=201204151441004_11_4f8a7b8cafede.gif') no-repeat;
}
.hclcontent {
float:left;
border:2px solid #790909;
background:#000000;
padding:10px;
}
.hc-credit {font-size:9px}
.hc-credit a {text-decoration:none}
</style>
<script type="text/javascript">
function showHidehcl(){
var hcl = document.getElementById("hcl");
var w = hcl.offsetWidth;
hcl.opened ? movehcl(0, 30-w) : movehcl(20-w, 0);
hcl.opened = !hcl.opened;
}
function movehcl(x0, xf){
var hcl = document.getElementById("hcl");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
hcl.style.left = x.toString() + "px";
if(x0!=xf){setTimeout("movehcl("+x+", "+xf+")", 10);}
}
</script>
<div id="hcl">
<div class="hclcontent">

LETAKKAN SCRIP ANDA DISINI

<br />
<div class="hc-credit">
<span style="float:left">

<span >
</span>
<span style="float:right">
<a href="javascript:void(0);" onclick="showHideAT()"><img border="0" src="http://upload.kapanlagi.com/c.php?f=201204131052054_bagus3_4f87a2e5a316a.gif" alt="close" title="Click here to Close Cbox" /></a>
</span>
</span></div>
</div>
<div class="hcltab" onclick="showHidehcl()"> </div>

</div>
<script type="text/javascript">
var hcl = document.getElementById("hcl");
hcl.style.left = (30-hcl.offsetWidth).toString() + "px";
</script>

Yang berwarna kuning di atas bisa anda ganti dengan url gambar anda.
Terima kasih :)

Terkadang kita bosan melihat buku tamu kita sendiri yang cuman bergerak gitu-gitu saja. Karena tidak dapat dipungkiri setiap kita membuka blog kita, pasti ada waktu luang untuk mengecek buku tamu. Supaya mengurangi rasa kebosanan kita, buku tamu bisa kita rubah posisi bergeraknya, yaitu dari atas ke bawah.
Caranya adalah sebagai berikut :
•Login blogger
•Masuk ke Rancangan, Tambah Gadget, Html/java script
•Dan Simpan kode berikut :

<span style="font-style:italic;"></span><style type="text/css"> #at{ position:fixed; right:50px; z-index:+1000; } * html #at{position:relative;} .attab{ height:100px; width:40px; float:left; cursor:pointer; background:url(); } .atcontent{ float:left; border:2px solid #999; background: #000; -moz-border-radius-topleft:15px; -moz-border-radius-topright:15px; -moz-border-radius-bottomleft:15px; -moz-border-radius-bottomright:15px; padding:10px; -moz-box-shadow: 0px 2px 5px 0px #f8f9b9; } </style><br /> <script type="text/javascript"> function showHideAT(){ var at = document.getElementById("at"); var w = at.offsetWidth; at.opened ? moveAT(0, -200-w) : moveAT(20-w, 0); at.opened = !at.opened; } function moveAT(x0, xf){ var at = document.getElementById("at"); var dx = Math.abs(x0-xf) > 25 ? 35 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; at.style.top = x.toString() + "px"; if(x0!=xf){setTimeout("moveAT("+x+", "+xf+")", 10);} } </script><br /> <div id="at"><div class="attab" onclick="showHideAT()"></div><div class="atcontent"><div align="center"><div style="background:#000;"><br /> <br />
LETAKKAN SCRIP ANDA DISINI

<a href="javascript:void(0);" onclick="showHideAT()"><img border="0" src="http://upload.kapanlagi.com/c.php?f=201204131052054_bagus3_4f87a2e5a316a.gif" alt="close" title="Click here to Close Cbox" /></a></div><br /> </div></div><br /> <br /> <script type="text/javascript"> var at = document.getElementById("at"); at.style.top = (-200-at.offsetWidth).toString() + "px"; </script><br /> <br /> <div style='display:scroll; position:fixed; top:0px; right:0px;'><a href="javascript:void(0);"onclick="showHideAT()"/><img src="http://upload.kapanlagi.com/c.php?f=201203281006364_jadi3_4f72803c534ff.gif"/></a></div></div>

Kode yang berwarna kuning bisa anda ganti dengan url gambar anda.
Terima kasih :)

Buku tamu akan kelihatan lebih indah, lebih menarik, dan lebih lucu apabila terdapat beberapa emotion yang sangat unik. Emotion yang paling unik menurut saya adalah emotion kaskus. Sekarang ini buku tamu yang sering digunakan para blogger mayoritas adalah CBox.
Berikut adalah cara memasang emotion kaskus di CBox :
1. Login ke CBox anda dulu dan kunjungilah situs penyedia emotion untuk kaskus DISINI
2. Kemudian ke kontrol panel, terus klik Look & Fell
3. Kemudian pilih Colours and Font
4. Setelah itu pilih option terus smile.
5. Masukkan Code, Alt Code dan URL emotion kaskus tadi. Hasilnya lihat gambar dibawah

6. Yang terakhir jangan lupa buat di save yah.
Terima kasih :)

Setelah beberapa kali saya mencari situs untuk membuat slide foto, akirnya saya ketemu di blog teman saya syamsudin. Karena alamat situs sebelumnya telah ditutup akirnya saya kesulitan bahkan kehilangan sebagian foto saya yang telah saya upload disana :(. Ini adalah contoh slide foto yang telah saya coba buat.

Caranya adalah sebagai berikut :
1. Klik DISINI
2. Klik FILES , terus BROWSE untuk meng-upload gambar anda. Kalau sudah, ulangi beberapa kali sesuai banyaknya gambar yang ingin anda upload.
3. Kalau sudah, Klik CUSTOMIZE. Ada pilihan model slide show, Pilihlah model yang anda sukai.
4. Atur TRANSITION OPTIONS nya. Pengaturan ini untuk mengatur kecepatan dan posisi arah berputarnya gambar slide show anda.
5. Klik EDIT IMAGES, bila anda ingin meng-edit gambar yang telah anda upload.6. Terakhir, klik DONE terus Get Code
6. Copy kode tersebut dan masukka pada HTML/JavaScript blog anda.
Terima kasih :)

Energi Saving Mode yang biasanya berwarna hitam ternyata bisa kita edit sesuka kita. Seperti contohnya seperti di blog saya (diamkan mouse anda sekitar 1 menit), yang contoh gambarnya seperti diatas.

Caranya adalah sebagai berikut :
Copy Javascrip dibawah ini dan paste di Notepad

var idleTime = 0; var standby = false; function CheckInactivity() { idleTime += 10; if(idleTime > 60) { InitializeStandBy(); } } function InitializeStandBy() { if(!standby) { var h = 0; h = jQuery(window).height(); jQuery("#energysaving").show().css({ height: "0", width: "0", left: "50%", top: "50%" }).animate({ width: "100%", height: h, left: "0", top: "0", opacity: "1" }, 1000); standby = true; } } function StopStandBy() { if(standby) { jQuery("#energysaving").animate({ width: "0", height: "0", opacity: "0", left: "50%", top: "50%" }, 500); setTimeout('jQuery("#energysaving").hide();', 800); standby = false; } } document.write('<link rel="stylesheet" href="http://www.onlineleaf.com/savetheenvironment.css" type="text/css">'); if(typeof(jQuery) == "undefined") { document.write('<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>'); } function InitJQuery() { if(typeof(jQuery) == "undefined") { setTimeout("InitJQuery();", 50); } else { jQuery(function() { jQuery(document).ready(function() { setInterval("CheckInactivity();", 10000); jQuery(this).mousemove(function(e) { idleTime = 0; StopStandBy(); }); jQuery(document).keypress(function(e) { idleTime = 0; StopStandBy(); }); jQuery("body").append('<div id="energysaving"><a href="http://freakzfiles.blogspot.com"><p><img src="http://i1166.photobucket.com/albums/q617/aylapus/ew.png"/></a><br/><font style="color: #1919B3;">DOOR....:p Sekarang gerakkan mouse anda :) </font></p><div id="copyrightOnlineLeaf">Copyright 2012 - <font style="color: #B20000;">http://d-pus.blogspot.com/</font> - By.pus-pus</div></div>'); jQuery("#energysaving").hide(); }); }); } } InitJQuery();

Note :
Merah : Alamat URL Gambar Kalian
Ungu : Untuk Warna Fontnya
Kuning : Untuk Teksnya Bisa Anda Ganti

Kalau sudah di Paste di Notepad, Save dengan nama filenya Saving Mode.js, Lalu pilih Save as Type : All Files dan simpan...

Kemudian Upload File yang kamu Save tadi di http://yourjavascript.com/

Langsung Masuk ke Blogger - Rancangan - Edit HTML
Masukkan kode ini diatas kode </head>

<script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'/>

Ganti kode warna merah dengan URL file Saving Mode yang kamu Upload tadi.
Kemudian Save Template.

Kalau sudah tersimpan, kembali lagi kehalaman Dashboard anda
Setelah klik Rancangan > Design --&-- Page Elements.
Klik “tambah Gadget” pada salah satu sidebar.
Pilih ‘HTML/Javascript” dan tambahkan kode dibawah:
<script language="javascript" type="text/javascript" src="http://www.onlineleaf.com/savetheenvironment.js?time=120"></script>
Ganti yang ditandai merah yaitu ?time=120 dengan waktu yang sesuai dengan keinginan anda, 120 berarti setelah 120 seconds atau 2 menit, tanpa aktivitas di blog anda, Energy saving mode akan bekerja.

Terimakasih :)

Terkadang kita waktu mendesain blog kita kesulitan buat mencari dimana kita harus meng-upload file. Karena scrip blog biasanya membutuhkan link dari file kita. Tujuan saya menulis postingan ini, secara pribadi supaya saya tidak susah mencari-cari lagi bila sewaktu-waktu dibutuhkan karna mengingat saya masih newbie. Tetapi dengan saya menuliskan postingan ini mudah-mudahan masih berguna bagi para pembaca :)

Tempat upload gambar yang pernah saya coba :
1. skin web
2. kapanlagi
3. photobucket

Tempat upload file javascrip (js) yang pernah saya coba :
yourjavascript

Tempat upload file jar yang pernah saya coba :
xtgem

Semoga bermanfaat. Terima kasih :)